<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>智慧粮库管理系统-登录</title>
<link rel="stylesheet" type="text/css" href="css/style2.0.css">
<style type="text/css">
ul li {
	font-size: 30px;
	color: #2ec0f6;
}

.tyg-div {
	z-index: -1000;
	float: left;
	position: absolute;
	left: 5%;
	top: 20%;
}

.tyg-p {
	font-size: 14px;
	font-family: 'microsoft yahei';
	position: absolute;
	top: 135px;
	left: 60px;
}

.tyg-div-denglv {
	z-index: 1000;
	float: right;
	position: absolute;
	right: 3%;
	top: 10%;
}

.tyg-div-form {
	background-color: #23305a;
	width: 300px;
	height: auto;
	margin: 120px auto 0 auto;
	color: #2ec0f6;
}

.tyg-div-form form {
	padding: 10px;
}

.tyg-div-form form input[type="text"] {
	width: 270px;
	height: 30px;
	margin: 25px 10px 0px 0px;
}

.tyg-div-form form input[type="password"] {
	width: 270px;
	height: 30px;
	margin: 25px 10px 0px 0px;
}


.tyg-div-form form button {
	cursor: pointer;
	width: 270px;
	height: 44px;
	margin-top: 25px;
	padding: 0;
	background: #2ec0f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #2ec0f6;
	-moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px
		0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px
		7px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0
		rgba(0, 0, 0, .2);
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-o-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}
</style>

<script type="text/javascript">
	function check(){
		var text1 = document.getElementById("Text1").value;
		var text2 = document.getElementById("Text2").value;
		var text3 = document.getElementById("Text3").value;
		var info = document.getElementById("info");
		if(null==text1 || ""==text1){
			info.innerText="提示：用户名不能为空！！";
       		return false;
   		}else if(null==text2 || ""==text2){
   			info.innerText="提示：密码不能为空！！";
       		return false;
   		}else if(null==text3 || ""==text3){
   			info.innerText="提示：验证码不能为空！！";
       		return false;
   		}else{
   			info.innerText="欢迎访问";
       		return true;
   		}
	}
</script>
<body>
	<div class="tyg-div">
		<ul>
			<li>让</li>
			<li><div style="margin-left: 20px;">智</div></li>
			<li><div style="margin-left: 40px;">慧</div></li>
			<li><div style="margin-left: 60px;">改</div></li>
			<li><div style="margin-left: 80px;">变</div></li>
			<li><div style="margin-left: 100px;">生</div></li>
			<li><div style="margin-left: 120px;">活</div></li>
		</ul>
	</div>
	<div id="contPar" class="contPar">
		<div id="page1" style="z-index: 1;">
			<div class="title0">智慧粮库管理系统</div>
			<div class="title1">三维、通风、粮情、气调、出入库、安防……</div>
			<div class="imgGroug">
				<ul>
					<img alt="" class="img0 png" src="./images/page1_0.png">
					<img alt="" class="img1 png" src="./images/page1_1.png">
					<img alt="" class="img2 png" src="./images/page1_2.png">
				</ul>
			</div>
			<img alt="" class="img3 png" src="./images/page1_3.jpg">
		</div>
	</div>
	<div class="tyg-div-denglv">
		<div class="tyg-div-form">
			<form method="post" action="security_check_" onsubmit="return check()">
				<h2>登录</h2>
				<p id="info" class="tyg-p">欢迎访问</p>
				<div style="margin: 5px 0px;">
					<input id="Text1" type="text" name="username_" placeholder="请输入账号..." />
				</div>
				<div style="margin: 5px 0px;">
					<input id="Text2" type="password" name="password_" placeholder="请输入密码..." />
				</div>
				<div style="margin: 5px 0px;">
					<input id="Text3" type="text" name="captcha_" style="width:135px;" placeholder="验证码..." />
					<img src="generate.captcha.action?width=120&height=38" 
					onclick="javascript:this.src='generate.captcha.action?width=120&height=38&tm='+Math.random()" style="vertical-align:bottom;" alt="验证码" />
				</div>
				<button type="submit">
					登<span style="width: 20px;"></span>录
				</button>
			</form>
		</div>
	</div>
	<!--
<div style="text-align:center;"><p>版权所有</p></div>
-->
	<script type="text/javascript" src="./js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="./js/login.js"></script>
</body>
</html>